<template>
  <section class="wh-full sp-chat">
    <header class="sp-chat__header">
      <global-header v-bind="headerProps" />
    </header>
    <section class="sp-chat__content">
      <chat-aside />
      <chat-main>
        <div class="sp-chat__message-item sp-chat__message-to">
          <div class="sp-chat__message-avatar">
            <img src="@/assets/images/user/logo.png" alt="" />
          </div>
          <div class="sp-chat__message-content">请简述最近一年的白糖期货行情</div>
        </div>
        <div class="sp-chat__message-item sp-chat__message-from">
          <div class="sp-chat__message-avatar">
            <img src="@/assets/images/user/logo.png" alt="" />
          </div>
          <div class="sp-chat__message-content">请查看详情如下..</div>
        </div>
        <chat-send />
      </chat-main>
    </section>
  </section>
</template>

<script setup lang="ts">
import { useBasicLayout } from '@/composables';
import { GlobalHeader } from '@/layouts/common';
import ChatAside from './component/chat-aside.vue';
import ChatMain from './component/chat-main.vue';
import ChatSend from './component/chat-send.vue';
const { headerProps } = useBasicLayout();
</script>

<style scoped></style>
